<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>升序|降序</title>
	</head>
	<body>
		<p id="arroid"></p>
		<p>
			<input type="button" onclick="asc()" value="升序"/>
			<input type="button" onclick="desc()" value="降序" />
		</p>
		<p id="arrnew"></p>
		<script type="text/javascript">
			/*1、定义原来数组
			  2、获取元素对象
			  3、原来数组显示在页面上
			  4、升序函数、降序函数*/
			 //1、原来的数组显示在页面
			 var arr=[5,3,40,1,67];
			 var old=document.getElementById("arroid");
			 old.innerText=(arr);
			 //2、点击升序按钮实现将原数组按升序排列后显示在页面上
			 function asc(){
			 
			 var mynew=document.getElementById('arrnew');
			 mynew.innerText=arr.sort(function(a,b){return a-b});
			 }
			
			function desc(){
			 var mynew=document.getElementById('arrnew');
			 mynew.innerText=arr.sort(function(a,b){return b-a});
			 
			 }
		</script>
	</body>
</html>
